import { connect } from 'dva';
import React, { useEffect, useState } from 'react';
import mainStyles from './main.less';


const footer = props => {
  const { form, dispatch, data } = props;
  const [logoName, setLogoName] = useState("秦禾园")
  const [headerBGA, setHeaderBGA] = useState("#FDFDFE")

  useEffect(() => {
  }, [])

  return (
    // <!-- footer页面底部 -->
    <footer>
      <div className={mainStyles.footer_box}>
        <div className={mainStyles.footer_laber}>
          <ul>
            <li><span href="">{props?.setTing?.appName}</span></li>
            <li><span href="">{props?.setTing?.appDescription}</span></li>
          </ul>
          <ul>
            <li><span href="">在线支持</span></li>
            <li><span href="">消费者服务热线<br />{props?.setTing?.telphone}<br />7*24小时/普通话<br />在线客服/7*24小时</span></li>
          </ul>
          <ul>
            <li><span href="">线下支持</span></li>
            <li><span href="">{props?.setTing?.address}</span></li>
          </ul>
          <ul>
            <li className={mainStyles.footer_contact}><span href="">关注我们</span></li>
            <li className={mainStyles.footer_contact} >
              <img
                className={mainStyles.label_3}
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng32737f4331aa351c6d2caa4ebbd5f5b30831ac553c0421e886aadf08fd9d912a"
              />
              <img
                className={mainStyles.label_4}
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng52df2d2a8969faf3661f3180c6a832f0c15dea57b5f423b21749867610244c41"
              />
            </li>
            <li>
              <img
                className={mainStyles.erweima}
                referrerpolicy="no-referrer"
                src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/e4edcc3b09bb4f8685e409d8b3884ad8_mergeImage.png"
              />
            </li>
          </ul>
        </div>
      </div>
      <div className={mainStyles.footer_boxApp}>
        <div className={mainStyles.footer_boxAppTitle}>{props?.setTing?.appName}</div>
        <div className={mainStyles.box}>
          <div className={mainStyles.boxItem}>
            <span className={mainStyles.title}>在线支持</span>
            <span className={mainStyles.desc}
            >消费者服务热线<br />{props?.setTing?.telphone}<br />7*24小时/普通话<br />在线客服/7*24小时</span >
          </div>
          <div className={mainStyles.boxItem}>
            <span className={mainStyles.title}>线下支持</span>
            <span className={mainStyles.desc}>{props?.setTing?.address}</span>
          </div>
          <div className={mainStyles.boxItem}><img
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng5626a2dea6f49d5dc8efe5dd0ba8d1cb06d7ff05d69b6f2ff5d329f1dce9a477"
          />
          </div>
          <div className={mainStyles.boxItem}><img
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng95a0008d9460dd36e05b72d67acce212e906d1137aeda446bb846009f43c45c5"
          />
          </div>
        </div>
        <img
          className={mainStyles.line}
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7b8f7b321c6e77e397ac7ce788c59ada40cbf111e5df5d67ff8ba8eee6a116e4"
        />
        <div className={mainStyles.boxCopyRight}>
          <span className={mainStyles.text}
          >{props?.setTing?.appCopyright}</span >
          <span className={mainStyles.text}>京ICP备06004343号</span>
        </div>
      </div >
    </footer>
  );
};
export default connect(({ Public }) => ({
  setTing:Public.setTing
}))(footer);
